实例

文档中的一个部分会显示绿色：

1
2
3
4
<div style="color:#00FF00">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>

定义和用法

标签可定义文档中的分区或节(division/section)

标签可以把文档分隔为独立的、不同的部分

是一个块级元素，这意味着它的内容会自动的开始一个新行

案例分析

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<body>
  <h1>NEWS WEBSITE</h1>
  	<p>some text. some text. some text...</p>
  	...
  <div class="news">
    <h2>News headline 1</h2>
    <p>some text, some text. some text...</p>
    ...
  </div>
  
  <div class="news">
    <h2>News headline 2</h2>
    <p>some text, some text. some text...</p>
    ...
  </div>
  
  ...
</body>

例子解释

上面这段HTML模拟了 新闻网站的结构，其中的每个div把每条新闻的标题和摘要组合在一起，也就是说，div为文档提供了额外的结构。同时，由于这些div属于同一类元素，所以可以使用class=”news”对这些div进行标识。